<template>
	<div class="login-container">
		<p>{{ model.num }}</p>
		<n-button type="primary" @click="handleClick">修改数</n-button>
		<p>{{ title }}</p>
	</div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
const model = reactive({ num: 1 })
const handleClick = (e: MouseEvent) => {
	console.log(e, '222')
	model.num++
}

const title = '123'
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
